<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<title>Heaven Booking Form a Flat Responsive Widget Template :: w3layouts </title>
	<!-- Meta tags -->
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Heaven Booking Form Responsive Widget, Audio and Video players, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design"
	/>
	<script type="application/x-javascript">
		addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
	</script>
	<!-- Meta tags -->
	<!--stylesheets-->
	<link th:href="@{css1/style.css}" rel='stylesheet' type='text/css' media="all">
	<!--//style sheet end here-->

	<link href="fonts.googleapis.com/css1?family=Barlow:300,400,500,600" rel="stylesheet">

</head>

<body>
	<h1 class="header-w3ls">
		Heaven Booking Form</h1>
	<!--login form-->
	<div class="hotel-bothside">
		<form method="post" th:action="@{/upload}" enctype="multipart/form-data">
			<div class="mid-cls">
				<div class="hotel-left-w3ls">
					<h2>要交付房产的信息</h2>

					<div class="main">
						<div class="form-left-to-w3l">

							<input type="text" name="name" placeholder="房产名称" required="">
							<div class="clear"></div>
						</div>
						<div class="form-right-to-w3ls">

							<select class="form-control country-buttom" name="location" required>
								<option value="中国">中国</option>
								<option value="德国">德国</option>
								<option value="美国">美国</option>
								<option value="俄罗斯">俄罗斯</option>
								<option value="法国">法国</option>
								<option value="越南">越南</option>
								<option value="加拿大">加拿大</option>
							</select>
							<div class="clear"></div>
						</div>

					</div>
					<div class="main">

						<div class="form-left-to-w3l">

							<input type="text" name="price" required="" placeholder="价格">
						</div>
						<div class="form-right-to-w3ls ">


							<input type="text" name="size" placeholder="面积" required="">
						</div>
					</div>
					<div class="form-add-to-w3ls add">

						<input type="text" name="address" placeholder="详细地址" required="">
						<div class="clear"></div>
					</div>


					<div class="main">
						<div class="form-left-to-w3l">

							<input type="text" name="city" placeholder="城市" required="">
							<div class="clear"></div>
						</div>
						<div class="form-right-to-w3ls">
							<select class="form-control country-buttom" name="bedrooms" required>
								<option value="1">卧室数1间</option>
								<option value="2">卧室数2间</option>
								<option value="3">卧室数3间</option>
								<option value="4">卧室数4间</option>
								<option value="5">卧室数5间</option>
								<option value="6">卧室数6间</option>
								<option value="7">卧室数7间</option>
							</select>
						</div>
					</div>
					<div class="main">
						<div class="form-left-to-w3l">

							<select class="form-control country-buttom" name="bathrooms" required>
								<option value="1">厕所1间</option>
								<option value="2">厕所2间</option>
								<option value="3">厕所3间</option>
								<option value="4">厕所4间</option>
								<option value="5">厕所5间</option>
								<option value="6">厕所6间</option>
								<option value="7">厕所7间</option>
							</select>
						</div>
						<div class="form-right-to-w3ls">

							<select class="form-control country-buttom" name="status">
												<option value="sale">销售</option>
													<option value="rent">租借</option>
												</select>
						</div>
					</div>

					<div class="form-add-to-w3ls add">

						<input type="text" name="aname" placeholder="想交给的代理人" required="">
						<div class="clear"></div>
					</div>

					<div class="clear"></div>

				</div>
				<div class="hotel-right-w3ls">

					<h2> Make a Reservation</h2>
					<div class="main">
						<div class="form-left-to-w3l">
							<select class="form-control country-buttom" name="type" required>
								<option value="residential">住宅</option>
								<option value="hotle">旅店</option>
								<option value="villa">别墅</option>
								<option value="industry">工业房</option>
								<option value="office">办公房</option>
								<option value="apartment">公寓</option>
							</select>

						</div>
					</div>
					<div class="main">
						<div class="form-right-to-w3ls">
							房产图片	<input type="file" name="img1" placeholder="房产图片" required>
						</div>
						<div class="form-right-to-w3ls">
							房产平面图	<input type="file" name="img2" placeholder="房产平面图" required>
						</div>
					</div>

					<div class="form-control-w3l">

						<textarea name="detail" placeholder="房屋介绍" required=""></textarea>
					</div>

					<div class="form-control-w3l">

						<textarea name="detail2" placeholder="平面图介绍" required=""></textarea>
					</div>

					<div class="clear"></div>
					<div class="btnn">
						<button type="submit">提交</button><br>
					</div>
				</div>
			</div>
		</form>
	</div>

</body>

</html>